import {ref,onMounted,onUnmounted} from "vue"

// 自定义钩子函数
function useMousePosition(){
    // 初始化坐标
    const x=ref(-1)
    const y=ref(-1)

    // 用于收集点击事件坐标的函数
    const updatePosition=(e:MouseEvent)=>{
        x.value=e.pageX
        y.value=e.pageY
    }
    // 挂载后绑定点击监听
    onMounted(()=>{
        document.addEventListener("click",updatePosition)
    })
    // 卸载前解绑点击事件
    onUnmounted(()=>{
        document.removeEventListener("click",updatePosition)
    })
    return{x,y}
}

export default  useMousePosition;